﻿.approve_main { padding: 0; width: 100%; }

.approve_main .title { background:linear-gradient(90deg, #1D976C 10%, #74e0a5 90%); color: #fff; height: 40px; line-height: 40px; padding-left: 10px; }

.approve_main .action { padding-left: 5px; margin: 5px 0; }

.wbox-title { background: linear-gradient(90deg, #1D976C 10%, #74e0a5 90%); color: #fff; float: left; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 5px 5px 0 0; }

.wbox-content { float: left; width: 100%; padding: 0; }

.wbox-content-border { border: 1px solid #ccc; }
.wbox-content-right { border: 1px solid #ccc;  border-left: none; border-bottom: none; overflow: hidden; clear: both; }

.wbox-content table th, .wbox-content table td { padding: 8px 12px !important; }

.wbox-content table .td_title { background: #F6F6F6; color: #333; width: 18%; }

.wbox-content table .td_label { margin-right: 10px; }

.wbox-content table .td_label label { vertical-align: bottom; font-weight: 500; margin: 0; }

.wbox-content .form-control { /*min-width: 134px;*/ }

.wbox-content table .td_bg { font-weight: 700; background-color: #F5F5F6; }

.wbox-content table .td_label span { display: inline-block; margin: 3px 10px 0 5px; font-style: normal; font-weight: 500; vertical-align: middle; }

.wbox-content .wbox-desc { }

.wbox-content .wbox-desc.mdesc { border-bottom-style: none; }

.wbox-content .wbox-desc .wbox-line { background: #F6F6F6; border: 1px solid #e7eaec; color: #676a6c; line-height: 1.42857; padding: 8px 8px 8px 15px; width: 100%; border-left: none; border-right: none; border-top: none; }

.wbox-content.wbox-noborder { padding: 0; border: none; }

.file-content { float: left; width: 100%; padding: 10px; }

.file-content .td_title { background: #F6F6F6; color: #333; width: 86px; }

.wbox-remark { padding: 10px 10px 0 10px; color: #C8000A; }

.wbox-button { margin-top: 5px; margin-bottom: 5px; padding-left: 5px; }

.wbox-mdesc { padding: 10px; }

.wbox-datesel { width: 100%; height: 38px; }

.wbox-datebtn { width: 500px; float: left; }

.wbox-datedesc { float: right; text-align: right; }

.wbox-datedesc a { color: #333; padding: 6px 4px; }

.wbox-meeting .table-bordered { border: 1px solid #ACA899; }

.wbox-meeting th.thcent { background: #ECE9D8; text-align: center; font-weight: 500; min-width: 140px; border: 1px solid #ACA899; }

.wbox-meeting td { vertical-align: top !important; border: 1px solid #ACA899 !important; white-space: normal !important; }

.wbox-meeting td p { min-width: 140px; }

.btn-normal { padding: 6px 0; white-space: normal; text-align: left; }

.wbox-popover { }

.wbox-popover span { display: block; line-height: 28px; }

.tab_selected { background: #5cadff; color: #fff; border: 1px solid #c70000; }
.errorlog { padding: 10px 20px; font-size: 12px; line-height: 22px; }
/*人员选择控件*/
.filter-main { }

.filter-wbox { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; }

.filter-flex { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; }

.filter-search { position: relative; width: 100%; height: 50px; line-height: 50px; padding: 5px 10px; background: #eee; display: block; }

.filter-search.active .filter-search-cancel { display: block; }
.filter-search.active .filter-flex { margin-right: 50px; }

.filter-search .filter-search-cancel { width: 50px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; float: right; display: none; }
.filter-flex { margin-right: 0; height: 40px; line-height: 40px; }

.filter-search-border { width: 100%; -webkit-transition: all .5s; transition: all .5s; border: 1px #ccc solid; border-radius: 5px; background: #fff; height: 40px; line-height: 40px; display: block; }

.filter-search-clear { display: block; background: url('../img/input_clear.png') center center no-repeat; background-size: 20px; cursor: pointer; height: 40px; line-height: 40px; width: 40px; float: right; }

.filter-search-icon { display: block; background: url('../img/org_search.png') center center no-repeat; background-size: 20px; cursor: pointer; height: 40px; line-height: 40px; width: 40px; float: left; }

.filter-search-input { margin-left: 40px; margin-right: 40px; height: 40px; line-height: 40px; }

.filter-search-border .searchControl { text-align: left; font-size: 14px; border: none; outline: none; background: transparent; padding: 0; }

/*针对ie11 hack*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
}

::-ms-clear { display: none; }

::-ms-reveal { display: none; }

.filter-search-div { background: #fff; width: 100%; display: none; }

.filter-div { background: #fff; width: 100%; min-height: 240px; }

.filter-div .filter-ul { width: 100%; padding: 0; margin: 0; overflow-x: hidden; }

.filter-div .filter-ul li { position: relative; padding: 0 0 0 0; height: 60px; list-style: none; overflow: hidden; border-bottom: 1px solid #dcdcdc; cursor: pointer; display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex; /* Chrome, WebKit */ display: box; display: flexbox; display: flex; height: 100%; }

.filter-div .filter-ul li .filter-flex-area { margin: 0 0 0 10px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; overflow: hidden; text-align: left; width: 100%; }

.filter-div .filter-ul li .filter-button { height: 60px; display: flex; position: absolute; right: 10px; }

.filter-div .filter-ul span { display: block; height: 20px; font-size: 14px; margin: 7px 0 4px; font-weight: 700; overflow: hidden; }

.filter-div .filter-ul span b { color: #177acf; }

.filter-div .filter-ul li i { display: block; float: left; width: 50px; height: 50px; vertical-align: middle; margin: 5px 10px 0 0; cursor: pointer; }

.filter-div .filter-ul .filter-user.female i { background: url('../img/female.png') center center no-repeat; background-size: 100%; }

.filter-div .filter-ul .filter-user.male i { background: url('../img/male.png') center center no-repeat; background-size: 100%; }

.wmp-ickeck label { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(/Scripts/icheck/skins/square/blue.png) no-repeat; background-position: 0 0; border: none; cursor: pointer; margin: -3px 4px 0 0; }

.wmp-iradio label { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(/Scripts/icheck/skins/square/blue.png) no-repeat; background-position: -120px 0; border: none; cursor: pointer; margin: -3px 4px 0 0; }


.filter-div .filter-ul .wmp-ickeck, .filter-div .filter-ul .wmp-iradio { float: right; height: 60px; line-height: 60px; width: 32px; text-align: center; }

.filter-div .filter-ul .selected .wmp-ickeck label { background-position: -48px 0; }

.filter-div .filter-ul .selected .wmp-iradio label { background-position: -168px 0; }

.filter-div .filter-ul li .porg { color: #666; font-weight: 400; }

.filter-div .filter-ul .filter-org i, .filter-div .filter-ul .filter-dept i { background: url('../img/org.png') center center no-repeat; background-size: 100%; }

.filter-div .filter-ul .filter-org:after { content: ''; position: absolute; top: 45%; right: 16px; display: inline-block; width: 14px; height: 14px; border: solid #7d7d7d; border-width: 1px 0 0 1px; -webkit-transform: rotateZ(135deg); -webkit-transform-origin: 25% 25%; -ms-transform: rotateZ(135deg); -ms-transform-origin: 25% 25%; -moz-transform: rotateZ(135deg); -moz-transform-origin: 25% 25%; }

.filter-search-layer { position: relative; width: 100%; min-height: 300px; background: #fff; z-index: 2; display: none; }

.filter-search-layer .filter-search-btn { display: block; width: 100%; height: 60px; background: #fff; position: absolute; top: 53px; text-align: center; line-height: 60px; font-size: 18px; color: #177acf; cursor: pointer; display: none; }

.filter-search-layer .search-empty-tip { text-align: center; width: 100%; margin: 0 auto; padding: 100px 0 0; }

.filter-search-layer .search-empty-tip img { width: 128px; height: 128px; margin: 0 auto; vertical-align: middle; }

.filter-search-layer .search-empty-tip p { height: 48px; line-height: 48px; font-size: 16px; font-family: 'Microsoft YaHei'; }

.filter-search-layer .search-empty-tip p span { display: inline-block; color: #177acf; max-width: 140px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.selected-wbox { display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex; /* Chrome, WebKit */ display: box; display: flexbox; display: flex; height: 100%; }

.selected-flex { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; overflow: hidden; overflow-y: auto; height: 58px; text-align: left; display: flex; margin: 0 0 0 10px; width: 100%; }

.selected-flex-button { width: 124px; text-align: right; }

.selected-flex-list a { display: inline-block; float: left; color: #fff; width: 60px; height: 58px; overflow: hidden; text-align: center; position: relative; }

.selected-flex-list a span { display: block; width: 45px; height: 45px; line-height: 45px; margin-top: 10px; border-radius: 25px; background: #337ab7; font-size: 12px; }

.selected-flex-list a i.closed { position: absolute; top: 5px; right: 7px; display: block; width: 22px; height: 22px; background: url('../img/closed.png') center center no-repeat; background-size: 100%; }


.selected-flex-list a.circle { display: inline-block; float: left; color: #fff; width: auto; min-width: 60px; height: 58px; overflow: hidden; text-align: center; position: relative; }

.selected-flex-list a.circle span { display: block; width: auto; min-width: 45px; overflow: hidden; height: 45px; line-height: 45px; margin-top: 10px; border-radius: 25px; background: #337ab7; padding: 0 5px; }

.selected-flex-list a.circle i.closed { position: absolute; top: 0; right: 0; display: block; width: 22px; height: 22px; background: url('../img/closed.png') center center no-repeat; background-size: 100%; }


.layui-selected { overflow: hidden; overflow-y: auto; }

.selected-flex-one a { display: inline-block; float: left; color: #fff; overflow: hidden; text-align: center; position: relative; }

.selected-flex-one a span { display: block; height: 45px; line-height: 45px; margin-top: 10px; padding: 0 12px; max-width: 180px; border-radius: 25px; background: #337ab7; }

.selected-flex-one a i.closed { position: absolute; top: 5px; right: -2px; display: block; width: 22px; height: 22px; background: url('../img/closed.png') center center no-repeat; background-size: 100%; }

.selected-flex-list, .selected-flex-one { -webkit-tap-highlight-color: rgba(0,0,0,0); width: 836px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; background: #fff; }
/*表单 添加*/
.form-table { width: 100%; }

.form-table tr td { height: 60px; line-height: 60px; border-bottom: 1px solid #dcdcdc; }

.form-table tr td.top { line-height: 0; vertical-align: top; }

.form-table tr td:first-child { width: 80px; text-align: right; font-weight: 700; font-size: 12px; }

.form-table tr td:nth-child(2) { padding: 0 10px; }

.form-table input, .form-table textarea { position: relative; width: 100%; border: none; vertical-align: inherit; background-color: transparent; }

.form-table .input-group input { margin-top: 7px; }

.form-table .input-group .input-group-btn { padding-left: 1px; padding-top:1px;}

.form-table .footable-ickeck { margin-left: 10px; }

.form-table .input-group input[type='text'] { height: 60px; line-height: 60px; padding: 0 0 0 12px; margin: 0; }

.layer-result { min-width: 400px; max-width: 960px; min-height: 160px; max-height: 500px; line-height: 40px; text-align: left; word-wrap: break-word; word-break: break-all; overflow-y: auto; }

.fileList_parent { }

.file-empty-tip { text-align: center; width: 100%; margin: 0 auto; padding: 100px 0 0; }

.file-empty-tip p.red { color: #5cadff; }

.file-empty-tip p.blue { color: #177acf; }

.precode_list { text-align: left; display: none; }

.precode_title { line-height: 32px; }

.fileInputP { display: inline-block; width: 226px; height: 60px; border-radius: 5px; overflow: hidden; position: relative; }

.fileInputP .fileBtn, .fileInputP .uploadBtn { display: inline-block; width: 100px; background: #5cadff; color: #fff; text-align: center; line-height: 36px; font-style: normal; border: 1px solid #c70000; border-radius: 3px; margin: 0 5px 0; }

.fileInputP .fileBtn { color: #333; background: #fff; border: 1px solid #ccc; border-radius: 3px; }

.fileInputP .uploadBtn { color: #fff; background: #5cadff; border: 1px solid #c70000; border-radius: 3px; }

.fileInput { position: absolute; /*left: 0;
        top: 0;*/ right: 0; bottom: 0; opacity: 0; /*width: 110px;*/ height: 40px; font-size: 25px; left: 8px; top: 10px; width: 100px; cursor: pointer; }

.progressParent { width: 150px; height: 18px; border-radius: 3px; background: #ddd; overflow: hidden; position: relative; float: left; }

.progress { width: 0%; height: 18px; background: #1c84c6; margin: 0; }

.progressNum { display: inline-block; width: 100%; height: 18px; text-align: center; line-height: 18px; color: #fff; position: absolute; left: 0; top: 0; }

.operation { float: right; }
/*首页页面*/

.approve_main_nav { width: 100%; background: linear-gradient(90deg, #1D976C 10%, #74e0a5 90%); color: #ffffff; font-size: 18px; font-weight: 600; letter-spacing: normal; height: 40px; line-height: 40px; text-align: center; }
.approve_main_nav a.goback { display: block; width: 30px; height: 40px; position: absolute; left: 5px; top: 0; background: url('../img/jiantou_03.png') center center no-repeat; background-size: 15px 18px; }
.approve_main_nav a.goseacrch { display: block; width: 30px; height: 40px; position: absolute; right: 8px; top: 0; background: url('../img/gosearch.png') center center no-repeat; background-size: 23px 23px; }
.approve_main_nav a.sort { display: block; width: 30px; height: 40px; position: absolute; right: 8px; top: 5px; background: url('../img/sort.png') center center no-repeat; background-size: 23px 23px; }
.approve_main_nav a.save { display: block; height: 30px; position: absolute; right: 8px; top: 5px; text-align: center; line-height: 30px; padding: 0 !important; color: white; font-size: 18px; }
.approve_main_nav a.goprocess { display: block; width: 30px; height: 40px; position: absolute; right: 8px; top: 0; background: url('../img/all.png') center center no-repeat; background-size: 23px 23px; }
.approve_main_nav span.title { }


.approve_main_nav a { padding: 10px; }
.approve_main_nav a img { width: 13px; margin: 5px 0px 0px 10px; position: absolute; left: 5px; top: 5px; }
.approve_main_banner { width: 100%; }
.approve_main_banner img { width: 100%; }
.nav-more-list { padding: 0; margin: 0; display: block; position: absolute; top: 59px; right: 6px; background: #ccc; z-index: 112; border: 1px solid transparent; border-radius: 2px; opacity: 0; visibility: hidden; transition: opacity 0.15s, -webkit-transform 0.15s; transition: transform 0.15s, opacity 0.15s; transition: transform 0.15s, opacity 0.15s, -webkit-transform 0.15s; -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: top right; transform-origin: top right; }
.nav-more-list.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.nav-more-list li { border-bottom: 1px solid #ccc; width: 168px; height: 46px; line-height: 24px; text-align: left; background: #fff; font-weight: 500; }
.nav-more-list li a { position: relative; display: block; width: 100%; color: #333; padding-left: 58px; }
.nav-more-list li a.china { background: url(../img/china.png) 8px center no-repeat; background-size: 42px 42px; }
.nav-more-list li a.global { background: url(../img/global.png) 14px center no-repeat; background-size: 32px 32px; }
.nav-more-list:after { content: " "; position: absolute; top: -7px; right: 10px; width: 12px; height: 12px; border: #ccc solid 1px; border-left: 0; border-bottom: 0; background: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.newlistday i { font-size: 12px; color: #bbb; float: left; padding-left: 10px; font-style: normal; }

.newlistday em { font-size: 12px; color: #bbb; float: right; padding-right: 10px; font-style: normal; }


.newsnav { width: 100%; height: 44px; line-height: 44px; font-size: 13px; margin: 0; padding: 0; border-bottom: 1px solid #eeeeee; color: #999999; }

.newsnav ul { list-style: none; padding: 0px; margin: 0px; }

.newsnav ul li .textheight { height: 50px; font-size: 14px; background-size: 18px 38px; color: #666666; text-indent: 10px; float: left; width: 100%; line-height: 50px; border-bottom: solid #eeeeee 1px; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; clear: both; }

.newsnav ul li { float: left; list-style: none; color: #999999; min-width: 80px; width: auto; overflow: hidden; }


.newsnav_out { float: left; font-size: 13px; padding: 0px 10px; display: block; height: 44px; line-height: 40px; color: #999999; }

.newsnav ul li a:hover { color: #c7000b; border-bottom: 2px solid #c7000b; }

.newsnav ul li .textheight i { width: 7px; height: 18px; background: #c7000b; float: left; display: block; margin: 15px 0px 0px 10px; }


.newsnav_on { float: left; font-size: 13px; padding: 0px 10px; display: block; height: 44px; line-height: 44px; color: #c7000b; border-bottom: 2px solid #c7000b; }

.fixed_header { height: 94px; position: fixed; width: 100%; }
.newsnav_main { width: 100%; height: 44px; line-height: 44px; font-size: 13px; margin: 0; padding: 0; border-bottom: 1px solid #eeeeee; color: #999999; }
.newsnav_main .newsnav_ul { list-style: none; padding: 0px; margin: 0px; }
.newsnav_main .newsnav_ul li { float: left; list-style: none; color: #999999; min-width: 80px; width: auto; overflow: hidden; line-height: 44px; color: #666; text-align: center; }
.newsnav_main .newsnav_ul li.newsnav_on { color: #c7000b; border-bottom: 2px solid #c7000b; }
#nav_wrapper { position: absolute; z-index: 1; left: 0; width: 100%; overflow: hidden; height: 45px; background: #fff; }
#nav_scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 820px; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
#swiperContent { width: 100%; padding-top: 94px; }
#swiperContent .swiperContent_main { width: 100%; display: none; }
#swiperContent .swiperContent_main ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#swiperContent .swiperContent_main ul li { float: left; width: 100%; border-bottom: 1px solid #eeeeee; list-style: none; padding: 0px 0; }
#swiperContent .textdescription { font-size: 14px; background-size: 18px 38px; color: #666666; float: left; width: 100%; line-height: 22px; text-align: left; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; clear: both; padding: 10px 10px; }


.new_detail { width: 100%; padding: 10px; }

.new_detail_text { text-align: left; font-style: normal; font-size: 16px; line-height: 30px; color: #333; width: 100%; float: left; display: block; padding: 5px; font-family: 'Microsoft YaHei'; }
.new_detail_remark { padding: 5px; }
.new_detail .new_detail_remark i { text-align: center; font-style: normal; font-size: 12px; line-height: 20px; color: #999; padding: 0 8px 0 0; }
.new_detail img { width: 100%; margin: 10px 0px; }
.new_detail .new_content { font-size: 12px; color: #666; line-height: 24px; float: left; }

.ul_setlang { padding: 0; margin: 0; list-style-type: none; }
.ul_setlang li { width: 100%; height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #eee; }
.ul_setlang li .lang-desc { padding: 0 0 0 10px; display: block; overflow: hidden; float: left; height: 100%; width: calc(100% - 50px); }
.ul_setlang li .lang-desc em { margin-left: 10px; font-style: normal; display: block; height: 100%; overflow: hidden; }
.ul_setlang li a.wmp-iradio { display: inline-block; float: right; margin-right: 5px; }
.ul_setlang li.selected .wmp-iradio label { background-position: -168px 0; }

.textheight { height: 42px; font-size: 14px; color: #666666; text-indent: 10px; float: left; width: 100%; line-height: 42px; border-bottom: solid #eeeeee 1px; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; clear: both; overflow: hidden; }

.textheight i { width: 7px; height: 18px; background: #c7000b; float: left; display: block; margin: 12px 0px 0px 10px; }
.textheight em { width: 5px; height: 18px; background: #EDD2E3; float: left; display: block; margin: 12px 0px 0px 0px; }
.textitem { height: 30px; font-size: 12px; background-size: 18px 38px; color: #666666; text-indent: 10px; float: left; width: 100%; line-height: 30px; border-bottom: solid #eeeeee 1px; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; clear: both; overflow: hidden; }
.textitem i { background: url(../img/point.png) 1px 0px no-repeat; background-size: 8px 12px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.indexlist, .newlist, .worklist { width: 100%; }

.indexlist ul, .newlist ul, .worklist ul { width: 100%; float: left; list-style: none; margin: 0px; padding: 0px; }

.indexlist_search { padding: 10px; }
.indexlist_line { padding: 10px; }
.indexlist_line dt { width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; clear: both; }
.indexlist_line dt span { width: 100%; display: block; }
.indexlist_line dt img { width: 30px; height: 30px; display: block; vertical-align: middle; float: left; margin: 13px 8px 0 6px; }
.indexlist_line dt b { font-size: 16px; color: #808695; }
.indexlist_line dl { width: 100%; margin-bottom: 0; background: #fff; }
.indexlist_line dd { width: 100%; height: 50px; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; }
.indexlist_line dd.item { height: 36px; clear: both; background: #fff; border-bottom: 1px solid #eee; }
.indexlist_line dd.item span { color: #808695; font-size: 14px; font-weight: 700; display: block; height: 36px; line-height: 36px; clear: both; background: url(../img/point.png) 10px 12px no-repeat; background-size: 8px; padding-left: 28px; overflow: hidden; }
.indexlist_line dd a.link { height: 50px; font-size: 14px; background-size: 18px 38px; color: #666666; text-indent: 10px; float: left; width: 100%; line-height: 50px; border-bottom: solid #eeeeee 1px; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; }
.indexlist_line dd a img { width: 36px; height: 36px; margin-right: 10px; vertical-align: middle; }
.indexlist_line dd a.samll img { width: 26px; height: 26px; }
.indexlist_line dd span.area { height: 50px; width: 50px; display: flex; position: absolute; right: 0; }
.indexlist_line dd button.btn { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 40px; height: 40px; border: none; cursor: pointer; position: absolute; top: 6px; right: 0; }
.indexlist_line dd button.btn.add { background: url(../img/add.png) no-repeat center center; background-size: 26px; }
.indexlist_line dd button.btn.delete { background: url(../img/delete.png) no-repeat center center; background-size: 26px; }
.indexlist_line dd a i { width: 7px; height: 18px; background: #c7000b; float: left; display: block; margin: 15px 0px 0px 10px; }
.indexlist_line dd a em { width: 5px; height: 18px; background: #EDD2E3; float: left; display: block; margin: 15px 0px 0px 0px; }
.indexlist_line dd a span { width: 100%; font-size: 13px; color: #1C1C1C; padding: 0 2px; line-height: 20px; margin-top: 6px; overflow: hidden; }

.my_process { padding: 0; position: absolute; top: 138px; bottom: 0; left: 0; background: #f2f2f2; width: 100%; }
.my_process dt { background: #F0EFF5; color: #fff; height: 46px; line-height: 46px; }
.my_process dt span { padding-left: 12px; }
.my_process dt b { font-size: 14px; color: #7D7C82; font-weight: 500; font-family: 'Microsoft YaHei'; }
.my_process dd { width: 33.33333%; float: left; height: 120px; padding: 0; border-right: 1px solid #eee; }
.my_process dd a.link { display: block; height: 120px; text-align: center; padding: 28px 0; line-height: 30px; text-indent: 0; border-bottom-style: none; }
.my_process dd a span { display: block; }
.my_process dd a img { margin: 0; }
.my_process dd.last { border-right-style: none; }
.my_process text { border-bottom: 1px solid #eee; width: 100%; display: block; clear: both; }
.my_process .empty { width: 100%; height: 100%; background: url(../img/detail-empty.png) no-repeat center center; background-size: 50px; background-color: #eee; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: cent; color: #808080; padding-top: 65px; font-weight: 600; }
.my_process .empty p { margin: 0 auto; }
.newlist ul li { float: left; width: 100%; border-bottom: 1px solid #eeeeee; height: 80px; list-style: none; padding: 0px 0; }

.newlist ul li a { border: none; }

.newlistday { float: left; width: 100%; display: block; }

.indexlist ul li { float: left; width: 25%; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; height: 100px; list-style: none; padding: 20px 0; }
.indexlist ul li a { display: block; width: 100%; list-style: none; margin: 0px; padding: 0; vertical-align: middle; text-align: center; height: 90px; }
.indexlist ul li a img, .worklist ul li a img { width: 30px; height: 30px; display: block; margin: 0 auto; vertical-align: middle; }
.indexlist ul li a i, .worklist ul li a i { padding: 8px 4px; width: 100%; color: #1C1C1C; font-size: 13px; font-style: normal; display: block; height: 26px; line-height: 20px; font-family: 'Microsoft YaHei'; }
.indexlist ul li.last { border-right-style: none; }

.worklist ul li { float: left; width: 33.3333%; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; height: 120px; list-style: none; padding: 30px 0; }
.worklist ul li a { display: block; width: 100%; list-style: none; margin: 0px; padding: 0; vertical-align: middle; text-align: center; height: 100px; }

.newlistday i { font-size: 12px; color: #bbb; float: left; padding-left: 10px; font-style: normal; }

.newlistday em { font-size: 12px; color: #bbb; float: right; padding-right: 10px; font-style: normal; }


.newsnav { width: 100%; height: 44px; line-height: 44px; font-size: 13px; margin: 0; padding: 0; border-bottom: 1px solid #eeeeee; color: #999999; }

.newsnav ul { list-style: none; padding: 0px; margin: 0px; }


.newsnav ul li { float: left; list-style: none; color: #999999; }


.newsnav_out { float: left; font-size: 13px; padding: 0px 10px; display: block; height: 44px; line-height: 40px; color: #999999; }

.newsnav ul li a:hover { color: #c7000b; border-bottom: 2px solid #c7000b; }


@media (max-width:320px) {
    .indexlist ul li a i { font-size: 12px; }
}

.newsnav_on { float: left; font-size: 13px; padding: 0px 10px; display: block; height: 44px; line-height: 44px; color: #c7000b; border-bottom: 2px solid #c7000b; }


.set_up { line-height: 50px; height: 50px; font-size: 14px; width: 97%; display: block; color: #666; border-bottom: 1px solid #eee; position: relative; margin-left: 3%; }
.set_up span { font-family: 'Microsoft YaHei'; }
.set_up b { float: right; margin-right: 30px; width: auto; height: 100%; overflow: hidden; text-align: right; min-width: 200px; }

@media (max-width:769px) {
    .set_up b { max-width: 200px; min-width: 100px; }
}


.set_up i { float: right; display: block; }

.set_up i img { width: 10px; margin: 8px 0px 0px 10px; position: absolute; right: 10px; top: 10px; }


.set_btn { background: #5cadff; color: #fff; text-align: center; font-size: 18px; letter-spacing: 3px; width: 90%; margin: 30px auto 0px; height: 50px; line-height: 50px; display: block; clear: both; }
.set_btn:hover { color: #fff; }
.set_user { float: right; margin: 5px 30px 0px 0px; }




.tips123 { background: #fef4ee; color: #c7000b; text-align: center; font-size: 12px; width: 90%; height: 40px; line-height: 40px; display: block; border-radius: 3px; margin: 20px auto; border: 1px solid #f4d2c9; }

.search123 { float: right; margin: 13px 10px; width: 22px; height: 22px; display: block; background: url(../img/shou_03.png); background-size: cover; }

.task_subject { font-size: 14px; color: #666666; text-indent: 13px; float: left; width: 100%; line-height: 40px; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; }

.task_subject_title i { width: 7px; height: 18px; background: #c7000b; float: left; display: block; margin: 11px 0px 0px 10px; }

.task_subject_title em { width: 5px; height: 18px; background: #EDD2E3; float: left; display: block; margin: 11px 0px 0px 0px; }


.tasklist, .tasklist ul { width: 100%; margin: 0px; padding: 0px; }

.tasklist ul li { width: 100%; border-bottom: 1px solid #eeeeee; list-style: none; padding: 0px 10px; font-size: 14px; font-family: 'Microsoft YaHei'; }

.tasklist ul li a { border: none; }

.task_subject_date { float: left; width: 100%; display: block; line-height: 22px; color: #bbb; font-size: 14px; margin-top: -5px; margin-bottom: 6px; padding-left: 21px; }
.task_subject_btn { height: 40px; line-height: 40px; text-align: center; border-top: 1px solid #eee; }
.tasklisttitle { height: 50px; font-size: 14px; color: #666666; text-indent: 10px; width: 100%; line-height: 50px; display: block; font-family: 'Microsoft YaHei'; font-weight: normal; }
.tasklisttitle i { width: 7px; height: 18px; background: #c7000b; float: left; display: block; margin: 15px 0px 0px 0; }
.tasklisttitle em { width: 5px; height: 18px; background: #EDD2E3; float: left; display: block; margin: 15px 0px 0px 0px; }
.tasklisttitle b { font-style: normal; font-weight: normal; color: #999; border: 1px solid #eaeaea; font-size: 12px; padding: 2px 10px; }

.tasklisttitle color { font-style: normal; font-weight: normal; float: right; color: #c7000b; font-size: 14px; line-height: 50px; display: block; }
.tasklisttitle strong { font-style: normal; font-weight: normal; float: right; color: #999; font-size: 14px; line-height: 50px; display: block; }

.tasklistdesc { width: 100%; line-height: 30px; color: #666; font-size: 14px; clear: both; word-wrap: break-word; }
.taskliststep { font-style: normal; font-weight: normal; text-align: right; line-height: 30px; color: #666; }
.tasklistnodate { width: 100%; height: 30px; line-height: 30px; color: #666; font-size: 14px; }
.tasklistnodate i { font-size: 12px; color: #bbb; float: left; font-style: normal; }
.tasklistnodate em { font-size: 12px; color: #bbb; float: right; font-style: normal; }


.task_dai { margin: 0px; padding: 0px; border-top: 1px solid #eee; display: block; float: left; width: 100%; }

.task_dai ul { margin: 0px; padding: 0px; list-style: none; }

.task_dai ul li { width: 100%; list-style: none; line-height: 24px; padding: 4px 14px; }

.task_dai ul li em { font-style: normal; color: #999; padding: 0px 20px; }


.task_dai a { color: #c7000b; float: left; display: block; width: 50%; font-size: 14px; }

.task_dai a img { width: 20px; height: 20px; margin: -3px 5px 0px 0px; }
.task_dai a:first-child { border-right: 1px solid #eee; }

.task_d { border-bottom: 8px solid #eee; display: block; float: left; width: 100%; }
.viewAprRecord {     top: 10px;
    font-size: 20px;
    color: white; width: 29px; height: 40px; background-size: 22px 22px; float: right; display: none; }
/*首页页面*/
/*审批意见*/
.approved_formbg { background: #f7f7f7; }
.approved_form { margin: 0 auto; min-height: 10px; height: auto; overflow: hidden; }
.approved_form .approved_form_sel { padding: 3px 0 3px 5px; }
.approved_form .approved_form_dot { padding: 3px 5px; }
.approved_form .approved_form_line { padding: 3px 0; }
.approved_form .ApprovedDes { border-style: none; height: 200px; }
.layui-info { line-height: 60px; padding: 10px; }
.layui-info span { padding-left: 5px; }
.layui-info i.success { float: left; display: block; width: 40px; height: 60px; background: url('../img/tips_01.png') center center no-repeat; background-size: 40px; }
.layui-info i.confirm { float: left; display: block; width: 40px; height: 60px; background: url('../img/tips_03.png') center center no-repeat; background-size: 40px; }

/*审批意见*/
/*温馨提示*/
.tips_success { width: 110px; height: 110px; margin: 80px auto; background: url('../img/tips_02.png') center center no-repeat; background-size: cover; display: block; }
.tips_timeout { width: 110px; height: 110px; margin: 80px auto; background: url('../img/tips_04.png') center center no-repeat; background-size: cover; display: block; }
.tips_error { width: 110px; height: 110px; margin: 80px auto; background: url('../img/tips_03.png') center center no-repeat; background-size: cover; display: block; }
.tips_description { text-align: center; font-size: 16px; width: 90%; height: 20px; line-height: 20px; display: block; margin: 20px auto 70px auto; font-family: 'Microsoft YaHei'; }
.tips_gototext { color: #999; text-align: center; font-size: 12px; width: 100%; display: block; }
.btn_submitred { background: #c7000b; color: #fff; text-align: center; font-size: 18px; letter-spacing: 4px; width: 90%; height: 50px; line-height: 50px; display: block; border-radius: 3px; margin: 30px auto 10px; font-family: 'Microsoft YaHei'; }
.btn_submitred:hover, .btn_submitred:link, .btn_submitred:visited { color: #fff; }
/*温馨提示*/
/*人员选择控件*/
@media (max-width:768px) {
    .wbox-content table .td_label { display: block; margin-bottom: 5px; }
}

.container-radio { margin-right: 5px; padding-left: 0; float: left; cursor: pointer; }

.container-checkbox { margin-right: 5px; padding-left: 0; float: left; cursor: pointer; }

.no-border-bottom { border-bottom: none; }

div.texteare-container { margin: 0 auto; padding: 2px; min-height: 10px; height: auto; overflow: hidden; }

div.texteare-container textarea { border-radius: 5px; border: 1px solid #ccc; height: 130px; }

.container-list-fix { padding-left: 0; padding-right: 0; }

.table-responsive-fix { overflow: hidden; background-color: #f5f5f5; border: 1px solid #ccc; width: 100%; }

input.selector_text:disabled, input.temp_hide:disabled { color: rgb(103, 106, 108); }

.layer-result { min-width: 400px; max-width: 960px; min-height: 160px; max-height: 500px; line-height: 40px; text-align: left; word-wrap: break-word; word-break: break-all; overflow-y: auto; }

.precode_list { text-align: left; display: none; }

.precode_title { line-height: 32px; }

ul, li, ol { list-style: none; padding: 0; margin: 0; }

.navbar { height: 50px; }
.nav-container-fix { padding: 0; height: 50px; line-height: 50px; background-color: #fff; }
.menu { float: left; width: 33%; border-right: 1px solid #d8d8d8; text-align: center; color: #c8000d; font-size: 13px; }
.menu-last { width: 34%; }
.menu-all { width: 100%; }
.menu-avg { width: 50%; }
.menu:last-child { border-right: none; }
.btn-name { margin-left: 3px; }
.new-sub { position: absolute; bottom: 60px; right: 2px; width: 34%; border: 1px solid #d8d8d8; border-radius: 3px; display: none; background-color: #fff; }
.new-sub li.border-top { border-top: 1px solid #e6e6e6; }
.new-sub .tiggle { width: 0px; height: 0px; position: absolute; left: 50%; margin-left: -10px; bottom: -9px; border-top: 10px solid #ddd; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.new-sub .innertiggle { width: 0px; height: 0px; position: absolute; left: 50%; margin-left: -9px; bottom: -8px; border-top: 9px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; }

.div-title { border: 1px solid #ebebeb; background-color: #f6f6f6; height: 42px; line-height: 42px; }

.div-content { border: 1px solid #ebebeb; height: 42px; line-height: 42px; background-color: #fff; }

.div-content input { margin-top: 8px; }

.nav-title { height: 35px; line-height: 35px; border: 1px solid #ccc; background-color: #f6f6f6; border-bottom: none; }

.nav-container-fix { padding-left: 0; height: auto; min-height: 50px; overflow: hidden; margin-left: 0; margin-right: 0; width: 100%; }

.border-top-left { border: 1px solid #ccc; border-right: none; border-bottom: none; }

.border-top { border: 1px solid #ccc; border-left: none; border-bottom: none; border-right: none; }
.border-none { border-style: none; }
.border-left { border: 1px solid #ccc; border-top: none; border-bottom: none; border-right: none; }
.nav-tabs-title { border-style: none !important; padding: 0 5px; }
.nav-tabs-link { height: 35px; line-height: 35px; border: 1px solid #ccc; background-color: #eaeaea; padding-left: 8px; cursor: pointer; }
.nav-tabs-link i.nav_arrow { background: url(../img/next.jpg) no-repeat 0px 11px; background-size: 12px 12px; display: inline-block; width: 16px; height: 26px; float: left; font-size: 0; }
.nav-tabs-link a { color: #333; }
.nav-tabs-link a.opinion { float: right; color: #C8000A; }
.nav-tabs-link a.arrow_telescopic { float: right; display: block; width: 34px; height: 34px; }
.nav-tabs-link a.arrow_telescopic.expand { background: url('../img/expand.png') center center no-repeat; background-size: 16px 16px; }
.nav-tabs-link a.arrow_telescopic.shrink { background: url('../img/shrink.png') center center no-repeat; background-size: 16px 16px; }
.nav-tabs-link i.arrow_gun { float: right; display: block; width: 34px; height: 34px; background: url('../img/gun.png') center center no-repeat; background-size: 36px 22px; cursor: help; }
.nav-tabs-btn { height: 35px; line-height: 35px; padding-left: 0; }
.nav-tabs-btn a { margin-right: 4px; float: left; color: #333; padding: 0 9px; background-color: #f5f5f5; border: 1px solid #ccc; }
    .nav-tabs-btn a.active {
        color: #fff;
        background-color: #1D976C;
        border: 1px solid #1D976C;
    }

.detail-table-responsive .nav-tabs-link { border: none; }

.border-mult { background-color: #f5f5f5; overflow: hidden; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.Container {
    padding-left: 2px;
    padding-right: 2px;
}
.border-title { height: 42px; line-height: 42px; background-color: #f5f5f5; border: 1px solid #ccc; border-top: none; border-right: none; font-size: 12px; }
.border-content { height: 42px; line-height: 41px; background-color: #fff; border: 1px solid #ccc; border-top: none; border-right: none; }
.border-content input { margin-top: 5px; }
.border-textarea { background-color: #fff; border: 1px solid #ccc; border-top: none; border-right: none; padding: 5px; }
.textareaheight { height: 52px; line-height: 52px; }
.border-mult .border-title { height: auto; border-bottom: none; border-left: none; margin-left: -1px; }
.border-mult .border-content { height: auto; border-bottom: none; }
.border-mult .border-title.title_border_768 { border-left: 1px solid #d8d8d8; margin-left: 0px; }
.border-mult .border-content.content_border_768 { border-left: 1px solid #d8d8d8; margin-left: 0px; }
.multy_textarea { border-radius: 1px; border: 1px solid #ccc; margin: 4px 0; padding: 6px 12px; min-height: 45px\9; height: auto\9; }
.wbox-opinion-table { border: 1px solid #ccc; border-top: none; padding: 10px 10px 0; }
.tranfer_input_textarea { line-height: 18px; padding: 6px 10px; margin: 5px 0; display: block; border: 1px solid #ccc; min-height: 32px; word-break: break-all; word-wrap: break-word; }
.wbox-word-break { word-break: break-all !important; word-wrap: break-word !important; white-space: normal !important; }


.query-title { padding-left: 15px; padding-right: 0; height: 40px; line-height: 40px; background-color: #f6f6f6; }
.query-content { height: 40px; line-height: 40px; padding: 2px 5px; }
.query-content .btn-group { vertical-align: initial; }


.item-table { padding: 10px; }
.item-table .table-button { padding: 10px 0; }



@media screen and (max-width: 992px) { /*当屏幕尺寸小于992px时，应用下面的CSS样式*/
    .border-left-fix-992 { border-left: none; }
}

@media screen and (max-width: 1100px) {
    .padding-fix-1100 { padding-left: 8px; }
}

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
    .border-left-fix-768 { border-left: none; padding-left: 15px; }
    .border-mult .border-title.title_border_768 { border-top: 1px solid #ebebeb; border-left: none; margin-left: -1px; }
    .border-mult .border-content.content_border_768 { border-top: 1px solid #ebebeb; }
    .approve_main { padding-bottom: 50px; }
    .bottom_menu { display: block; }
    .small-content-fix { height: auto; }
    .fix_approve_main { padding-bottom: 0; }
    .nav-tabs-link .opinion { display: none; }
    .viewAprRecord { display: block; }

    .border-subject.subject { background-color: #f6f6f6; overflow: hidden; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; }
    .border-subject.subject .border-title-subject { border-left: none; border-bottom: none; margin-left: 1px; }
    .border-subject.subject .border-content-subject { height: auto; margin-left: -1px; }
    .border-subject.subject .border-title-no { border-left: none; border-bottom: none; border-top: 1px solid #d8d8d8; margin-top: -1px; }
    .border-subject.subject .border-content-no { border-bottom: none; }
}



@media screen and (max-width: 1080px) { /*当屏幕尺寸小于1080px时，应用下面的CSS样式*/
    .small-content-fix { height: auto; }
}

@media screen and (max-width: 860px) { /*当屏幕尺寸小于860px时，应用下面的CSS样式*/
    div.div-title p.title_fix-860 { height: 25px; line-height: 25px; margin: 0; }
}

@media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时，应用下面的CSS样式*/
    div.div-title p.title_fix-400 { height: 25px; line-height: 25px; margin: 0; }
    .title_fix { height: 25px; line-height: 25px; margin: 0; }
}

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
    div.div-title p.title_fix-375 { height: 25px; line-height: 25px; margin: 0; }
    .title_fix { height: 25px; line-height: 25px; margin: 0; }
}

@media screen and (max-width: 340px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
    div.div-title p.title_fix-340 { height: 25px; line-height: 25px; margin: 0; }
    .title_fix { height: 25px; line-height: 25px; margin: 0; }
    div.clear-content-320 { padding-right: 0 !important; }

    .container-radio { margin-right: 0 !important; }
}

@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    div.div-title p.title_fix-320 { height: 25px; line-height: 25px; margin: 0; }
}

@media screen and (max-width: 768px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_768 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_768 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 720px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_720 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_720 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 640px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_640 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_640 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 540px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_540 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_540 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 480px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_480 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_480 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 414px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_414 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_414 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 375px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_375 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_375 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 360px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_360 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_360 { height: 18px; line-height: 18px; margin: 13px 0; }
}

@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
    .title_fix_320 { height: 18px; line-height: 18px; margin: 6px 0; }
    .title_area_320 { height: 18px; line-height: 18px; margin: 13px 0; }
}

span.temp_hide { padding-left: 10px; }

.gologout { float: right; padding-right: 20px; color: #fff; cursor: pointer; }

.nav-content { background-color: #fff; }


.gologout { float: right; padding-right: 20px; color: #fff; cursor: pointer; }

.nav-content { background-color: #fff; }

.wbox-fix { margin: 0 5px 5px; }
.wbox-fix-panel {
    margin: 2px 5px;
    border: 1px solid #1D976C;
    min-height: 300px;
}
.wbox-fix-border { margin: 10px 5px 5px; border-top: 1px solid #ccc; }

.wbox-gridtable-fix { margin-bottom: 0; /*padding-bottom:6px;*/ padding: 0; }
.footable-bordered { border: 1px solid #ebebeb; border-top: none; }
table.footable thead th:first-child { border-left: none; }

table.footable thead th:last-child { border-right: none; }

table.footable tbody td { border-bottom: none; border-left: none; }

table.footable tbody tr.tbody_empty { border-left: none; border-right: none; border-bottom: none; text-align: center; }

table.footable tbody td:first-child { border-left: none; }

table.footable tbody td:last-child { border-right: none; }

i.no-tip { display: inline-block; width: 14px; height: 14px; vertical-align: middle; }

.row_all_gird { clear: both; }
.scroll_wrapper { left: 0; width: 100%; height: 100%; background: #fff; position: relative; overflow: hidden; }
.scroll_scroller { -webkit-tap-highlight-color: rgba(0,0,0,0); width: auto; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }

#approve_record_wrapper { position: absolute; z-index: 1; top: 10px; bottom: 0; left: 0; width: 100%; background: #f2f2f2; overflow: hidden; }

#approve_record_scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }

#approve_record_scroller ul { padding: 0; margin: 0 10px; list-style-type: none; }

#approve_record_scroller ul li { padding-left: 8px; font-size: 14px; color: #333333; line-height: 30px; margin-bottom: 30px; }

#approve_record_scroller .line { width: 1px; height: 100%; background-color: #c8000a; position: absolute; top: 25px; left: 0px; z-index: -1; }
#approve_record_scroller ul li .item { border: #ddd 1px solid; background: #fff; padding: 0 5px; position: relative; border-radius: 5px; font-size: 12px; }
#approve_record_scroller ul li .item i.arrow { position: absolute; top: 10px; left: -16px; display: block; width: 16px; height: 16px; background: url(../img/night.png) left top no-repeat; }
#approve_record_scroller ul li .item i.dot { position: absolute; top: 13px; left: -25px; background: #c7000b; height: 13px; width: 13px; border-radius: 10px; }
#approve_record_scroller ul li .item i.curdot { position: absolute; top: 10px; left: -30px; background: #c7000b; height: 20px; width: 20px; border-radius: 10px; border: 5px solid #FDD8DE; }
#approve_record_scroller ul li .item .item_line { border-bottom: 1px solid #d8d8d8; line-height: 30px; font-size: 12px; padding: 5px 8px; }
#approve_record_scroller ul li .item .item_line:last-child { border-bottom: none; }
#approve_record_scroller ul li .item em { display: inline-block; height: auto; font-style: normal; padding-right: 10px; max-width: 92px; }
#approve_record_scroller ul li .item span { display: inline-block; height: auto; text-align: right; padding-right: 6px; }

.flowrequired { position: relative; }
.flowrequired:after { content: '*'; color: red; font-size: 12px; vertical-align: top; display: inline-block; width: 10px; height: 10px; position: absolute; top: 2px;right:-3px  }

.required { position: relative; }
.required:after { content: '*'; color: red; font-size: 12px; vertical-align: top; display: inline-block; width: 10px; height: 10px; position: absolute; top: 2px;}
.detail { width: 100%; border: 1px solid #ccc; }
.detail .detail-table-responsive { height: auto; min-height: 10px; overflow: hidden; width: 100%; margin: 0; }


.wbox .detail-title { width: 100%; padding-left: 8px; height: 35px; line-height: 35px; background-color: #eaeaea; padding-right: 10px; position: relative; border-bottom: 1px solid #ccc; }
.detail-title-width { width: 60%; overflow: hidden; float: left; }
.nav-tabs-link .fa-caret-square-o-right {
    font-size: 14px;
    color: #990000;
}
.flowtitle_width { padding-right: 10px; overflow: hidden; }
.detail .detail-content { width: 100%; height: auto; min-height: 0; overflow: hidden; }
.detail .detail-button { width: 100%; height: auto; min-height: 0; }

.detail .detail-button button { margin: 5px 0 5px 5px !important; }

.detail .detail-collapse { margin-right: 0; margin-bottom: 5px; }

.detail .detail-table { width: 100%; height: auto; min-height: 0; overflow: auto; margin-top: -1px; }

.detail .detail-table table { width: 100%; text-align: center; }

.detail .detail-table table tr { height: 35px; line-height: 35px; }

.detail .detail-table table thead { background-color: #f5f5f5; }

.detail .detail-table table thead tr th { border: 1px solid #ccc; border-left: none; text-align: center; min-width: 60px; width: auto; white-space: nowrap; padding: 0 5px !important; }

.detail .detail-table table thead tr th:last-child { border-right: none; }

.detail .detail-table tbody tr td { border: 1px solid #ccc; border-left: none; border-bottom: none; white-space: nowrap; padding: 0 5px !important; }

.detail .detail-table table tbody tr td:last-child { border-right: none; }

.detail .detail-table tbody tr td.left { text-align: left; padding-left: 3px; }

.detail .detail-table tbody tr:first-child td { border-top: none; }

.detail .detail-table tbody .list-container { height: 36px; line-height: 36px; float: left; width: 100%; margin: 5px 0; }

.detail .detail-table tbody tr:first-child .list-container:first-child { border-top: 1px solid #e7eaec; }

.detail .detail-table tbody .list-title { float: left; font-weight: bolder; /*padding-left:10px;*/ min-width: 30%; text-align: left; }

.detail .detail-table tbody .list-content { text-align: left; float: left; overflow: hidden; }

.detail .detail-table tbody .list-content > span { display: block; }

.detail .detail-table tfoot td { padding: 0 5px !important; }
.layui-content .div-title { font-size: 12px; }
.layui-content .border-none { border: none; }
.layui-content .border-right { border-right: 1px solid #d8d8d8; border-top: none; border-bottom: none; border-left: none; }
.layui-content .border-top { border-top: 1px solid #d8d8d8; border-left: none; border-bottom: none; border-right: none; }
.layui-content .border-top-right { border-right: 1px solid #d8d8d8; border-top: 1px solid #e7eaec; border-bottom: none; border-left: none; }
.layui-content .border-top-right-bottom { border: 1px solid #ccc; border-left: none; }
.layui-content .border-top-bottom { border: 1px solid #ccc; border-left: none; border-right: none; }
textarea#Header_formSubTitle { padding: 6px 0 0 6px; margin: 5px 0 0; max-height: 32px; height: 32px; overflow: hidden; word-wrap: break-word; resize: none; }

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
    .border-top-fix { border-top: 1px solid #e7eaec !important; }

    .border-bottom-fix { border-bottom: 1px solid #e7eaec !important; }

    .border-right-fix { border-right: none !important; }

    .s-border-top-right { border: 1px solid #e7eaec !important; border-bottom: none !important; border-left: none !important; }

    .s-border-top { border: 1px solid #e7eaec !important; border-bottom: none !important; border-left: none !important; border-right: none !important; }

    .s-border-top-right-bottom { border: 1px solid #e7eaec !important; border-left: none !important; }

    .s-border-top-bottom { border: 1px solid #e7eaec !important; border-left: none !important; border-right: none; }

    .table-responsive { margin-bottom: 0 !important; }

    textarea#Header_formSubTitle { padding-top: 0; }
}

table .table_selector input.form-control { margin-top: 1px; }
input.form-control, div.nav-title, body { color: #333 !important; }
div.nav-title { padding-left: 6px; }
input:disabled, input[disabled] { color: #333 !important; -webkit-text-fill-color: #333; -webkit-opacity: 1; opacity: 1; }

textarea:disabled, textarea[disabled] { color: #333 !important; -webkit-text-fill-color: #333; -webkit-opacity: 1; opacity: 1; }

.dw-cal-day-diff .dw-i { opacity: 0.5 !important; }

.dw-cal-day-diff .dw-i .dw-cal-day-fg { color: #333 !important; }

.print_main { width: 100%; height: auto; min-height: 10px; overflow: hidden; padding: 5px; }

.print_main .print-btn-qzone { padding: 0; border-bottom: 2px dashed black; height: 45px; line-height: 45px; }

.print_main .print-btn-qzone button { margin-bottom: 10px; }

.print_main .print-qzone { height: auto; min-height: 10px; overflow: hidden; }

.print_main .form-title { padding: 0; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; font-size: 20px; font-weight: bolder; }
.print_main .form-title h2 { color: black; font-weight: bold; margin: 0; padding: 18px 0 0 0; }
.print_main .form-container { padding: 0; height: auto; min-height: 100px; overflow: hidden; margin: 0; }

.print_main .form-record { padding: 0; height: auto; min-height: 100px; overflow: hidden; margin: 0; }

.print_main .form-record-title { height: 35px; line-height: 35px; border: 1px solid #ddd; background-color: #f6f6f6; padding-left: 8px; color: #c8000b; }

    .print_main .form-record-title span {
        font-weight: bold;
        color: #990000;
    }

.print_main .record-detail { border: 1px solid #ddd; border-top: none; padding: 0px 10px 10px; }

.print_main .record-detail .details { width: 100%; min-height: 40px; height: auto; line-height: 42px; border-bottom: 1px dashed #c8000b; }

.print_main .record-detail .details div { float: left; height: 100%; }

.print_main .record-detail .details .no { width: auto; min-width: 20px; }

.print_main .record-detail .details .node { width: auto; min-width: 260px; }

.print_main .record-detail .details .person { width: auto; min-width: 225px; }

.print_main .record-detail .details .time { width: auto; min-width: 140px; }

/*.print_main .record-detail .details .action { width: 100px; text-align: left; }*/

.print_main .record-detail .details .description { float: none; margin-left: 650px; }

.print_main .record-detail .details .description span { word-break: break-all; word-wrap: break-word; }

.print_main .mulit_line { margin: 0; }

.print_main .mulit_line span { display: -moz-inline-stack; display: inline-block; line-height: 1.4em; vertical-align: middle; }

.print_main .mulit_line i { width: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; font-size: 0; }

.print_main .wbox-fix { margin: 0; margin-bottom: 5px; }

.print_main th { text-align: center; }
.print_main .wbox-content .detail-table table th, .wbox-content .detail-table table td { padding: 0 !important; }

.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
/*IE/7/6*/

.wbox p.mulit_line { margin: 0; }

.wbox p.mulit_line span { display: -moz-inline-stack; display: inline-block; line-height: 1.4em; vertical-align: middle; }
.report_main { padding: 5px; }
.collapse-content { padding-right: 0; }
.selector_button { margin-right: 0; }

span.form_info {
    padding-left: 2px;
    font-weight: 600;
    color: #990000;
}
span.form_info_tab { padding-left: 2px; font-weight: 600; }
.tabs-container { margin-right: 10px\9; }

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
    /*兼容ie11*/
    .tabs-container { margin-right: 10px; }
}

th.fix_width { width: 260px !important; min-width: 260px !important; max-width: 260px !important; word-break: break-all !important; white-space: inherit !important; line-height: 30px; }
td.fix_width { word-break: break-all !important; white-space: inherit !important; line-height: 30px; }

th.fix-width-50 { width: 50px !important; min-width: 50px !important; }

th.fix-width-80 { width: 80px !important; min-width: 80px !important; }

table tr.print { border-top: 1px solid #e7eaec; border-bottom: 1px solid #e7eaec; background-color: #F5F5F6; font-weight: bolder; }
table tr.print th { border-right: 1px solid #d8d8d8; white-space: normal !important; line-height: 20px; }
table tr.print th:last-child { border-right: none; }

input { text-shadow: rgba(0,0,0,0) 0px 0px 0px; }
input.force-redraw { text-shadow: none; }


.wmp_table_list { width: 100%; }
.wmp_table_list th { line-height: 18px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 5px 10px; font-size: 12px; font-weight: 500; }
.wmp_table_list td { line-height: 18px; background-color: #fff; border: 1px solid #ccc; padding: 5px 10px; font-size: 12px; }

.lay_table_list { width: 100%; border-collapse: collapse; }
.lay_table_list .line { }
.lay_table_list th { width: 25%; line-height: 24px; background-color: #f6f6f6; border: 1px solid #ebebeb; padding: 5px 10px; font-size: 12px; font-weight: 500; }
.lay_table_list td { line-height: 24px; border: 1px solid #ebebeb; padding: 5px 10px; font-size: 12px; }

.mobile_condion { overflow: hidden; min-height: 0; height: auto; margin-left: 0; }

.mobile_condion > div { padding-left: 0 !important; padding-right: 0 !important; }

div.footable_page input.mbsc-control { width: 30px; max-width: 30px; margin-left: 5px; border: 1px solid #ccc; height: 30px; line-height: 30px; text-align: center; }

.mobile_pagenation { margin-bottom: 65px !important; }
.news_preview_page { width: 1020px; margin: 0 auto; padding: 20px; }
.news_preview { width: 920px; min-height: 800px; padding: 20px; border: 1px solid #ccc; margin: 0 0 0 100px; word-break: break-all; word-wrap: break-word; }
.news_preview p { line-height: 26px !important; }
.news_preview img { max-width: 100% !important; }
.news_preview table { width: 100% !important; padding: 0 !important; margin: 0 !important; }
.news_preview table td { font-size: 12px; padding: 5px 10px !important; }
.news_preview h1 { border-left-style: none !important; }
.news_preview_btn { width: 80px; border: 1px solid #ccc; float: left; }
.news_preview_btn a { display: block; width: 42px; height: 42px; margin: 20px auto; }
.news_preview_btn a.icon-monitor { background: url('../img/icon_pc.png') center center no-repeat; background-size: 100%; }
.news_preview_btn a.icon-monitor.active { background: url('../img/icon_pc_on.png') center center no-repeat; background-size: 100%; }
.news_preview_btn a.icon-tablet { background: url('../img/icon_pingban.png') center center no-repeat; background-size: 100%; }
.news_preview_btn a.icon-tablet.active { background: url('../img/icon_pingban_on.png') center center no-repeat; background-size: 100%; }
.news_preview_btn a.icon-mobile { background: url('../img/icon_mobile.png') center center no-repeat; background-size: 100%; }
.news_preview_btn a.icon-mobile.active { background: url('../img/icon_mobile_on.png') center center no-repeat; background-size: 100%; }

#tbCostSubsidyInfoList tbody tr td input { padding: 6px 2px; }

.wechar-import-icon { position: relative; top: -44px; left: 45px; background: url('/content/img/new.png'); background-size: 24px; width: 24px; height: 24px; display: block; }
.pwd_desc { padding: 15px; line-height: 22px; font-family: 'Microsoft YaHei'; }
.pwd_desc_tip { color: #2d8cf0; }
.pwd_desc_tip span { display: block; text-indent: 2em; margin-bottom: 20px; }
.pwd_desc_tip span i { display: block; font-style: normal; }
.pwd_desc_warn { color: #2d8cf0; font-size: 18px; font-weight: 700; }

div#rMenu { position: absolute; background-color: #fff; text-align: left; border: 1px solid #ccc; display: none; }
div#rMenu ul { padding: 0; margin: 0; }
div#rMenu ul li { padding: 5px 12px; cursor: pointer; list-style: none; background-color: #fff; border-bottom: 1px solid #ccc; }
div#rMenu ul li:hover { background: #f5f5f5; }
.tree_user { padding: 5px; }
.tree_user_list { clear: both; padding-top: 7px; }
.tree_user_list .tree_user_tip { font-size: 12px; padding-left: 16px; }
.tree_user_list .tree_user_tip i { font-style: normal; }

.wmp_notice { background: #2d8cf0; border: 1px solid #c70000; color: #fff; height: 36px; line-height: 36px; padding-left: 10px; font-size: 12px; }
.wmp_notice span { padding-left: 6px; }
.wmp_section { display: table; font-family: Helvetica,arial,sans-serif; pointer-events: none; }
.wmp_notice .wmp_notice_title { height: 36px; line-height: 36px; background: #5cadff; color: #fff; }
.wmp_history_draft { display: none; width: 30px; height: 30px; background: url(../img/draft.png) center center no-repeat; background-size: 20px; position: absolute; top: 6px; right: 12px; }

td input.selector_text { margin-top: 1px; margin-top: 2px\9; }
.record-pc { background: url(../img/recordpc.png) no-repeat left; padding-left: 17px; background-size: 16px; }

.wiki_frame { width: 96%; margin: 10px auto; }
.wiki_title { margin-bottom: 10px; clear: both; overflow: hidden; border: 1px solid #ccc; border-left: none; border-bottom: none; }
.wikibtnleft { padding: 8px 12px; }
.wikibtnright { padding: 8px 12px; margin-right: 0; float: right; margin-left: 10px; }
.page_content { padding: 10px 20px 20px; width: 92%; margin: 0 auto; }
.page-edit-link { padding-top: 10px; }
.page-edit-link ul.inline > li, .page-edit-link ol.inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }
.page-edit-link .btn-link { padding-right: 4px; padding-left: 4px; margin-right: 0px; margin-left: 0px; color: #4183c4; cursor: pointer; font-size: 16px; }
#page_title { font-size: 2.5em; font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif; font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; padding-top: 30px; padding-bottom: 20px; }
#sidebar .mulu { padding-left: 20px; font-weight: bold; }
#page_md_content { padding-top: 10px; word-break: break-all; color: #000; font-size: 18px; }
#page_md_content p { line-height: 50px; }
#page_md_content li { line-height: 30px; color: #000; list-style: disc; }
#page_md_content .linenums li { list-style-type: none; }
#page_md_content .linenums li code { color: #800; }
#page_md_content table th { color: #fff; background: #0088cc; font-size: 16px; }
#page_md_content table td { font-size: 14px; }

.detail-table::-webkit-scrollbar,.container-scroll::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
.detail-table::-webkit-scrollbar-track,.container-scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/
    background: #EAEAEA;
}

.g_overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; filter: alpha(opacity=0); opacity: 0; background: #fff; z-index: 99999; cursor: wait; }

.g_loading { position: fixed; top: 50%; left: 50%; margin: -16px 0 0 -22px; z-index: 999999999; }

input.form-control[disabled], textarea.form-control[disabled] { cursor: default !important; }

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
    /*修复ie11 加班流程明细排版*/
    table td input.datecontrol { padding-top: 0; padding-right: 0; }
}

@media screen and (max-width: 768px) {
    .page-total-record { display: none !important; }
}

.data-area {
    padding:0;
}



/*************select style*******************/

.wmp-select{
    min-width: 100px;
    width: 100%;
    height: 32px;
    border: 1px solid #ccc;
    line-height: 32px;
}

.wmp-select > i {
     display:none;
}

div.border-content .wmp-select {
    margin-top: 5px;
}

.wmp-select select{
    display: none;
}

.select-input{
    height: 28px;
    line-height: 28px;
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    padding: 0;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 12px;
}
.select-input:hover,.select-input:focus,.select-input.active{
    border: 1px solid #333;
}
.select-icon{
    position: absolute;
    top: 7px;
    right: 5px;
}

.select-options-item{
    position: absolute;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    z-index: 9999999;
    overflow-y: auto;
}
.select-options-item ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:12px;
}
.select-options-item ul li{
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    overflow:hidden;
}
.select-options-item ul li:hover{
    background-color: #ddd;
}

.select-options-item ul li i{
    top: 10px;
    right: 9px;
    position: absolute;
    display: none;
}

.select-options-item ul li.active i{
    display: block;
}

.mselect-search{
    height: 30px;
    line-height: 30px;
    position: relative;
}
.mselect-search-input{
    outline: 0;
    padding: 0;
    border: 1px solid #ccc;
    width: calc(100% - 7px);
    height: 26px;
    position: absolute;
    margin: 2px 0 1px 3px;
    padding-left: 3px;
}
.mselect-search-icon{
    position: absolute;
    top: 7px;
    right: 14px;
}

.mselect-right{
    width: 34px;
    float: right;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.mselect-right-icon{
    height: 100%;
    height: 32px\9;
    width: 9px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mselect-left{
    margin-right: 34px;
    height: 100%;
    padding-left: 3px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
.mselect-left-input{
    border: none;
    height: 100%;
    padding: 0;
    outline: none;
    width: 100%;
    margin: 0;
    margin-top:0 !important;
}
.mselect-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ccc;
    opacity: .5;
    z-index: 99990001;
}

.mselect-mobile{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
    z-index: 99990001;
    background-color: #fff;
}
.mselect-mobile-title{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 800;
    border-bottom: 1px solid #ccc;
}
.mselect-mobile-content{
    overflow-y: auto;
    overflow-scrolling:touch;
    -webkit-overflow-scrolling;touch;
}

.mselect-mobile-content ul{
    list-style: none;
    margin:0;
    padding:0;
    overflow-scrolling:touch;
    -webkit-overflow-scrolling;touch;
}

.mselect-mobile-content li{
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    display: block;
    overflow:hidden;
}
.mselect-mobile-icon{
    float: left;
    position: absolute;
    left: 8px;
    top: 11px;
    display: none;
}
.mselect-mobile-content li.active .mselect-mobile-icon{
    display: block;
}

.wmp-select.disabled{
    background-color: #eee;
}

.wmp-select.disabled .mselect-right,.wmp-select.disabled .mselect-left-input{
    cursor: not-allowed;
    background-color: #eee;
}

.vh-wrapper{
    display: table;
    width: 100%;
    height: 100%;
}
.vh-cell{
    display: table-cell;
    vertical-align: middle;
}
.vh-p{
    margin: 0;
    padding: 0;
    line-height: 20px;
    margin-left:3px;
}

.select-options-item .vh-p{
    line-height: 15px;
}

input::-ms-clear, input::-ms-reveal{display: none;}

.mselect-body {
    overflow:hidden;
}

        .complex-container{
            width: 800px;
            height: 600px;
            border: 1px solid #ccc;
            margin: 0 auto;
            position: relative;
        }

        @media screen and (max-width: 769px) {
            .complex-container { 
                width:320px;
                height: 568px;
            }
        }

        .complex-container button{
            outline: none;
        }
        .complex-header{
            height: 45px;
            line-height: 45px;
            border-bottom: 1px solid #ccc;
            position: absolute;
            top: 0;
            width: 100%;
            background-color: #eee;
        }
        .complex-header ul.dropdown-menu.show{
            display: block;
        }

        .complex-header ul.dropdown-menu li{
            cursor: pointer;
        }

        .complex-header-search{
            height: 36px;
            line-height: 36px;
            margin-top: 4px;
            padding: 0 5px;
        }
        .complex-header-search button.dropdown-toggle{
            border-radius: 5px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            padding: 7px 12px;
        }
        .complex-header-search button.search-icon{
            border-right: 0;
            padding: 7px 12px;
        }
        .glyphicon-search,.glyphicon-remove{
            top:2px;
        }

        .complex-header-search input.search-input{
            height: 36px;
            line-height: 36px;
            transition：none;
            -webkit-transition:none;
            box-shadow:none;
            -webkit-box-shadow:none;
            border-left: none;
            padding-left: 0;
            line-height: 24px\9;
        }
        .complex-header-search input.search-input:focus {
            border:1px solid #ccc !important;
            border-left:none  !important;
            border-right:none !important;
        }
        .complex-header-search .search-right{
            display: none;
        }
        .complex-header-search .search-right button{
            padding: 7px 12px;
            outline: none;
        }

        .complex-header-search input.search-input:focus{
            border:1px solid #ccc;
            border-left: none;
        }
        .complex-header-search input.search-input.focus + .search-right{
            display: table-cell;
        }
        .complex-header-search input.search-input.focus + .search-right button{
            border-left: none;
        }

        .complex-header-search input.search-input.focus + .search-right button.search-cancel {
            border-left:1px solid #ccc;
        }

        .complex-body{
            position: absolute;
            top: 45px;
            bottom: 60px;
            width: 100%;
        }
        .complex-footer{
            height: 60px;
            line-height: 60px;
            border-top: 1px solid #ccc;
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        .complex-footer-btn{
            float: right;
            width: 120px;
            height: 100%;
            text-align: center;
        }
        .complex-footer-btn button{
            min-width: 80px;
        }
        .complex-footer-btn .badge{
            border-radius: 50%;
            margin-left: 3px;
            padding: 3px 5px;
            display: none;
        }
        .complex-footer-selected{
            margin-right: 120px;
            height: 100%;
        }
        .complex-selected-body{
            width: 100%;
            height: 100%; 
            overflow: hidden;
        }
        .complex-selected-body li{
            float: left;
            width: 60px;
            height: 60px;
            position: relative;
        }
        .complex-selected-item{
            border-radius: 50%;
            border: 1px solid #ccc;
            width: 50px;
            height: 50px;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            line-height: 50px;
            text-align: center;
            background-color: #337AB7;
            color: #fff;
            overflow: hidden;
        }

        
        .complex-body-content{
            width: 100%;
            height: 100%;
            overflow:hidden;
            overflow-y:auto;
        }

        .complex-body-content li{
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #ccc;
        }

        .body-item-right{
            width: 60px;
            float: right;
            height: 100%;
            position: relative;
            cursor: pointer;
        }
        .body-item-left{
            width: 60px;
            float: left;
            height: 100%;
            position: relative;
        }
        .body-item-middle{
            height: 100%;
            margin-right: 60px;
            margin-left: 60px;
            text-align: left;
        }
        .body-item-icon{
            height: 50px;
            width: 50px;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            line-height: 50px;
            overflow: hidden;
        }
        .org-icon{
            background: url(/Content/img/org.png) center center no-repeat;
            background-size: 100%;
        }
        .complex-male{
            background: url(/Content/img/male.png) center center no-repeat;
            background-size: 100%;
        }
        .complex-female{
            background: url(/Content/img/female.png) center center no-repeat;
            background-size: 100%;
        }

        .b-i-m-top{
            height: 40px;
            line-height: 40px;
            font-weight: 600;
        }
        .b-i-m-bottom{
            height: 30px;
            line-height: 30px;
            margin-top: -10px;
        }
        .ellipsis{
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        .b-i-r-component{
            background: url(/Scripts/icheck/skins/square/blue.png) no-repeat;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            line-height: 50px;
            overflow: hidden;
            height: 22px;
            width: 22px;
        }
        .arrow-next{
            background: none;
        }
        .arrow-next:after{
            content: '';
            position: absolute;
            top: 45%;
            right: 0;
            display: inline-block;
            width: 14px;
            height: 14px;
            border: solid #7d7d7d;
            border-width: 1px 0 0 1px;
            -webkit-transform: rotateZ(135deg);
            -webkit-transform-origin: 25% 25%;
            -ms-transform: rotateZ(135deg);
            -ms-transform-origin: 25% 25%;
            -moz-transform: rotateZ(135deg);
            -moz-transform-origin: 25% 25%;
        }
        .single{
            background-position: -120px 0;
        }
        .single.selected{
            background-position: -168px 0;
        }
        .multy{
            background-position: -72px 0;
        }
        .multy.selected{
            background-position: -48px 0;
        }

.c-b-c-search {
    height: 100%;
    position: relative;
    display:none;
}
.c-b-c-s-empty {
    background: url(/Content/img/search_tip.png) no-repeat 50% 50%;
    background-size: 40%;
    width: 300px;
    height: 300px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 50px;
    text-align: center;
}

.selected-close {
    position: absolute;
    right: 0;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/closed.png) center center no-repeat;
    background-size: 100%;
    cursor:pointer;
}

div[complex-key].disabled input,div[complex-key].disabled button {
    cursor:not-allowed !important;
    background: #f5f5f5;
}

@media screen and (min-width: 1000px) {
    .title-fix {
        line-height:20px;
    }
}
@media screen and (max-width: 320px) {
    .title-fix {
        line-height:20px;
    }
}

@media screen and (min-width: 1260px) {
    .title-tel-fix {
        line-height:40px;
    }
}